<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">

  <title>Login</title>
    <script type="text/javascript" src="watermark.js"></script>
    <script type="text/javascript">
        window.onload = function(){

            watermark.init({ watermark_txt: "测试水印，1021002301，测试水印，100101010111101" , watermark_width: 200});
        }
    </script>

</head>
<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script src="qs.js"></script>
 
 
  <div id="app"  >
    
    <div class="header"><span class="header_title"> 大学实验开放平台 | 登录认证 </span> 
     
    </div>

    
       
    <div style="position:relative">
        <img   class="BackImg"src="login1.jpg"  alt="">
        
        
        <div class="sign-div" >
            <form class="" action="#" method="POST" >
                <h1>登录</h1>
                <input class="input-text" type="text" name="username" v-model="formData.username" placeholder="用户名">
                <input class="input-text" type="password" v-model="formData.password" placeholder="密码">
                <input class="input-btn" type="" value="登录" @click="onSubmit($event)">
                <input class="a" type="" value="注册" @click="c">
                
            </form>

           
        </div>


        <div class="sign-div2" v-show="isShowRegistry" >
            <form class="" action="#" method="POST" >
                <h1>注册</h1>
                <input class="input-text" type="text" name="username" v-model="formData.username" placeholder="用户名">
                <input class="input-text" type="password" v-model="formData.password" placeholder="密码">
                <input class="input-btn" type="" value="注册" @click="onSubmit($event)">
              
            </form>

        
        </div>
        

        
        

    </div>
         
   
  </div>

  


</body>
</html>